/* 
  mixin混入 让你少写代码，抽取每个页面的分页器数据
  在选项中混入相当于把下面代码粘贴合并到vue <script>中

  getList() 统一作为刷新页面的函数
  比如分页切换，删除、添加都会做一次刷新，重新获取数据，直接在页面写一个固定的函数
  调用
  getList(){
    this.getTypeList()
    this.getXXXList()....//里面再具体去调用当前页面的刷新页面的函数，算是统一一个刷新的入口 瞎写...
  }
*/
export default {
  data () {
    return {
      pageNum: 1,
      pageSize: 8,
      total: 0
    }
  },
  methods: {
    // 分页器监听
    handleSizeChange (newPageSize) {
      this.pageSize = newPageSize
      // console.log('newPageSize', this.pageSize);
      this.getList()
    },
    handleCurrentChange (newPageNum) {
      this.pageNum = newPageNum
      // console.log('newPageNum', this.pageNum);
      this.getList()
    }
  }
}
/* <!-- 分页器区域 -->
    <el-pagination layout="total, sizes, prev, pager, next, jumper"
                   :page-sizes="[1, 5, 10, 15]"
                   :page-size="pageSize"
                   :current-page="pageNum"
                   :total="total"
                   @size-change="handleSizeChange"
                   @current-change="handleCurrentChange"
                   class="page">
    </el-pagination>

*/